ControlBar Properties
Description
This section contains the 'ControlBar properties' property which opens the ControlBar Builder. This builder allows you to define a ControlBar. The other properties in this section manipulate a defined ControlBar control in relation to the other controls on a UX.
- Name
- Description
- ControlBar Id
The Id used to identify the ControlBar control.
- ControlBar properties
Opens the ControlBar Builder. This is where the data, functionality, layout, and look and feel of the ControlBar is defined.
- Fill container
Here
- Width
Specify the control width. Use CSS syntax for the width (e.g. 100px, 100%, etc.)
- Height
Specify the control height. Use CSS syntax (but not %) for the width (e.g. 100px, etc.). TIP: It is generally not necessary to set the height of a ControlBar as it is computed automatically.
- Break
Force a column break before, after, or both before and after this control.
- Break height
Specify the vertical distance between this control and the next control. Use CSS syntax e.g. 10px, .5in, 20pt.
- Control container class name
Advanced and Optional. All controls are automatically wrapped in a div (with a class name of 'A5CWLayout' or 'A5container'), unless the control is in a 'NoFloat' container. You can specify a class name to use for the control container in addition to the 'A5CWLayout' or 'A5container' class that is automatically used. This allows you to have more control over the appearance of the control.
- Control container prevent float
Advanced and Optional. All controls are automatically wrapped in a div (with a class name of 'A5CWLayout' or 'A5container'), unless the control is in a 'NoFloat' container. This container automatically 'floats' the control. This results in the controls laying out automatically from left to right, until a control with 'break after' is encountered. The class adds padding around the control. By checking the 'Control container prevent float' property you are specifying that the div container that encloses this control will not have the 'A5CWLayout' or 'A5container' class applied.
See the ControlBar guides section on the documentation for more information on implementing ControlBar controls in a UX component.